바닐라코딩 Prep 3주차 금요일 오피스아워 정리

Q. 이번과제 수정사항 생기면 계속 재 풀이하는데?

이럴때는 개발을 위해서 네비게이터를 따로 만들어 둔다던지 등의 조작을 한다.

어떠한 기능이나 프로세스를 개발 하고자 할 때 개발자 자체적으로 테스트를 진행 한다면(단위 테스트) 개발, 테스트를 위해서 해당 기능이나 프로세스에 포함되지는 않더라도 개발, 테스트만을 위한 함수라던지 프로세스를 만들어서 기능 확인, 테스트를 한다.

보통 변수 네이밍에 Array 단어는 잘 넣지 않는다.

someArray 라고 하기 보다는 someElements someList 와 같이 복수표현이나 List로 나타내는 것이 좋다.

네이밍에 구현방식이나 너무 디테일하게 들어가도 좋지 않다.

어떠한 기능을 하는지만 알 수 있도록 네이밍을 하고 너무 디테일하게 들어가면 수정사항이 발생했을 때 기능은 같더라도 내부 구현방식이 달라질 수 있기 때문.

둘 중에 어떠한 방식으로 하는게 더 나을까?

정답은 없다.

상황, 문맥에 따라서 결정을 하면 된다.

그렇기 때문에 두 방법이 어떻게 다른지, 어떠한 방식으로 작동되는지를 알고 있어야 된다.

이런 비교는 무조건 substring()인데, 이유는 substr()은 곧 없어질 (더이상 지원이 없는) 함수이기 때문.

두 함수나 기능을 비교할 때 장단점이 각각 있는거라면, 장단점에 맞춰서 상황에 맞게 쓰면 된다.

css 작성할 때 flex, grid와 같은 최신 css를 지원하지 않는 브라우저가 있다.

하지만, 우리가 쓸 브라우저는 최신 브라우저들일 것이기 때문에 걱정안해도 된다.

css에 중복되는 요소가 있는데

.className {
  display: flex;
  justify-content: center;
  align-items: center;
}

와 같이 중복되는 요소는 공통적인 클래스로 빼내서 사용해도 된다. (좋은 방법!)

나중에는 css module등의 방법들이 있다.

BEM 쓰는 회사는 잘 없다. (최근에는 없다고 봐도 무방)

옛날에 hot 할 때가 있었는데 지금은 굳이 안봐도 될듯.

요즘에는 css를 js에서 쓸 수도 있고 ( css in js ), css module 등 다양한 방식이 있다.

이것도 각각의 장단점이 있기 때문에 어떠한 방식이 제일 좋다 라고 할 수는 없고 본인이 편한 것, 회사에 맞게 사용하면 된다.